// TODO ImagesAndTexts
.ImagesAndTexts001 {
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: space-between;

	& > .Box {
		flex: 1;
		height: 100%;
		position: relative;
		background: white;
		border-radius: 8px;
		z-index: 1;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;

		&:first-child {
			margin-right: 6px;
		}

		&:last-child {
			margin-left: 6px;
		}

		& > img {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 110px;
			height: 110px;
			display: block;
			z-index: -1;
		}

		& > .Text {
			width: 100%;
			padding-left: 24px;
			margin: 8px 0;

			& > div:first-child {
				font-size: 30px;
				font-family: DIN Condensed;
				font-weight: bold;
				line-height: 30px;
				margin-bottom: 4px;
			}

			& > div:last-child {
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #888888;
				line-height: 12px;
			}
		}
	}
}

.ImagesAndTexts002 {
	width: 100%;
	background: #ffffff;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	border-radius: 8px;

	& > .One {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		& > .TextsOneBox {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;

			& > .Icon {
				width: 50px;
				height: 50px;
				background: #067bd8;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 10px;
				font-size: 28px;
				color: white;
			}

			& > .Text {
				& > div:first-child {
					font-size: 14px;
					height: 14px;
					line-height: 14px;
					font-family: PingFang SC;
					font-weight: 600;
					color: #a5aac1;
					margin-bottom: 4px;
				}

				& > div:last-child {
					font-size: 12px;
					font-family: PingFang SC;
					font-weight: 600;
					color: #a5aac1;
					display: flex;
					align-items: baseline;

					& > span {
						height: 30px;
						line-height: 30px;
						font-size: 30px;
						font-family: DIN Condensed;
						font-weight: bold;
						color: #444444;
						margin-right: 8px;
					}
				}
			}
		}
	}

	& > .Two {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;

		& > .TextsTwoBox {
			& > div:first-child {
				font-size: 14px;
				height: 14px;
				line-height: 14px;
				font-family: PingFang SC;
				font-weight: 600;
				color: #a5aac1;
				margin-bottom: 4px;
			}

			& > div:last-child {
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 600;
				color: #a5aac1;
				display: flex;
				align-items: baseline;

				& > span {
					height: 30px;
					line-height: 30px;
					font-size: 30px;
					font-family: DIN Condensed;
					font-weight: bold;
					color: #444444;
					margin-right: 8px;
				}
			}
		}
	}
}

.ImagesAndTexts003 {
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 10px 32px;

	& > .Box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 65px;
		padding: 10px 0;
		border-bottom: 1px solid rgba(204, 204, 204, 0.4);

		& > div:first-child {
			width: 100px;
			height: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 600;
			color: #444444;
		}

		& > div:nth-child(2),
		& > div:nth-child(3) {
			height: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			flex-direction: column;

			& > div:first-child {
				font-size: 12px;
				height: 12px;
				line-height: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #a5aac1;
			}

			& > div:last-child {
				font-size: 22px;
				height: 22px;
				line-height: 22px;
				font-family: DIN Condensed;
				font-weight: bold;
			}
		}

		&:last-child {
			border: none;
		}
	}
}

.ImagesAndTexts004 {
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;

	& > .Box {
		width: 33%;
		display: flex;
		align-items: baseline;
		justify-content: flex-start;
		margin-bottom: 8px;

		& > div:first-child {
			font-size: 12px;
			height: 12px;
			line-height: 12px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #444444;
			width: 60px;
		}

		& > div:last-child {
			font-size: 22px;
			height: 22px;
			line-height: 22px;
			font-family: DIN Condensed;
			font-weight: bold;
			color: #ee601b;
		}
	}
}

.ImagesAndTexts005 {
	& > .Box {
		padding: 15px 0;
		background: #ffffff;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 4px;

		& > .Item {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			position: relative;

			&:first-child::after {
				position: absolute;
				content: "";
				right: 0;
				top: 0;
				height: 100%;
				width: 1px;
				background: rgba(204, 204, 204, 0.4);
			}

			& > div:first-child {
				width: 50px;
				height: 50px;
				border-radius: 50px;
				margin-right: 10px;
				overflow: hidden;
				display: flex;
				align-items: center;
				justify-content: center;
				color: white;
				font-size: 28px;
			}

			& > .Text {
				width: 88px;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-direction: column;

				& > div:first-child {
					height: 22px;
					line-height: 22px;
					font-size: 22px;
					font-family: DIN Condensed;
					font-weight: bold;
					color: #444444;
					margin-bottom: 4px;
				}

				& > div:last-child {
					height: 12px;
					line-height: 12px;
					font-size: 12px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #a5aac1;
				}
			}
		}
	}
}

.ImagesAndTexts006 {
	& > .Top {
		width: 100%;
		background: #ffffff;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		padding: 16px 0;
		margin-bottom: 8px;

		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div:first-child {
				height: 24px;
				line-height: 24px;
				font-size: 24px;
				font-family: HelveticaNeue-Medium, HelveticaNeue;
				font-weight: 500;
				color: #000000;
				margin-bottom: 8px;

				& > span {
					font-size: 12px;
				}
			}

			& > div:last-child {
				height: 12px;
				line-height: 12px;
				font-size: 12px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0, 0, 0, 0.45);
			}
		}
	}

	& > .Btm {
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			flex: 1;
			height: 176px;
			position: relative;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 16px 13px;

			&:first-child {
				margin-right: 4px;
			}

			&:last-child {
				margin-left: 4px;
			}

			& > img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
			}

			& > .Text {
				width: 100%;
				flex: 1;

				& > div:first-child {
					height: 12px;
					line-height: 12px;
					font-size: 12px;
					font-family: PingFang SC;
					font-weight: 500;
				}

				& > div:last-child {
					height: 50px;
					line-height: 50px;
					font-size: 30px;
					font-family: PingFang SC;
					font-weight: 500;
					text-align: center;

					& > span {
						font-size: 12px;
					}
				}
			}
		}
	}
}

.ImagesAndTexts007 {
	background: #ffffff;
	border-radius: 8px;
	padding: 20px 36px;

	& > .Box {
		display: flex;
		align-items: center;
		justify-content: center;

		&:first-child {
			border-bottom: 1px solid rgba(204, 204, 204, 0.4);
		}

		& > div {
			flex: 1;
			padding: 0 8px;

			& > div:first-child {
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #a5aac1;
				margin-top: 4px;
			}

			& > div:last-child {
				font-size: 22px;
				font-family: DIN Condensed;
				font-weight: bold;
				color: #f0843a;
			}
		}
	}
}

.ImagesAndTexts008 {
	background: #ffffff;
	border-radius: 8px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;

	& > .Box {
		width: 33%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin: 8px 0;

		& > div:first-child {
			font-size: 12px;
			height: 12px;
			line-height: 12px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #444444;
			margin-bottom: 4px;
		}

		& > div:last-child {
			font-size: 22px;
			height: 22px;
			line-height: 22px;
			font-family: DIN Condensed;
			font-weight: bold;
		}
	}
}

.ImagesAndTexts009 {
	display: flex;
	align-items: center;
	justify-content: center;

	& > .Box {
		flex: 1;
		background: #ffffff;
		border-radius: 8px;
		padding: 16px 24px;

		&:first-child {
			margin-right: 4px;
		}

		&:last-child {
			margin-left: 4px;
		}

		& > .Top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;

			& > div:first-child {
				height: 38px;
				font-size: 12px;
				line-height: 12px;
				font-family: PingFang SC;
				font-weight: 600;
				color: #444444;
				display: flex;
				align-items: flex-start;
				justify-content: space-around;
				flex-direction: column;
			}

			& > div:last-child {
				width: 38px;
				height: 38px;
				border-radius: 38px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 600;
				color: #ffffff;
			}
		}

		& > .Btm {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			flex-direction: column;

			& > div:first-child {
				height: 30px;
				line-height: 30px;
				font-size: 30px;
				font-family: DIN Condensed;
				font-weight: bold;
				color: #0f7ab5;
				margin-bottom: 4px;
			}

			& > div:last-child {
				height: 12px;
				line-height: 12px;
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #888888;
			}
		}
	}
}

.ImagesAndTexts010 {
	background: #ffffff;
	border-radius: 8px;
	padding: 16px 20px;

	& > .Box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 36px;
		border-bottom: 1px solid rgba(204, 204, 204, 0.4);

		& > div:first-child {
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 600;
			color: #444444;
		}

		& > div:last-child {
			font-size: 12px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #a5aac1;
		}
	}

	.Btn {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
		width: 100%;
		height: 26px;
		background: #a5aac1;
		border-radius: 13px;
		font-size: 12px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #ffffff;
	}
}

.ImagesAndTexts011 {
	background: #ffffff;
	border-radius: 8px;
	padding: 10px 6px;

	& > .Box {
		& > div:first-child {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 30px;
			background: #f9f9f9;
			border-radius: 4px;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 600;
			color: #444444;
		}

		& > .children {
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				padding: 10px 0;
				position: relative;

				&::after {
					position: absolute;
					content: "";
					right: 0;
					top: calc(50% - 15px);
					width: 1px;
					height: 30px;
					background: #979797;
				}

				&:last-child {
					&::after {
						content: none;
					}
				}

				& > div:first-child {
					font-size: 12px;
					height: 12px;
					line-height: 12px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #a5aac1;
					margin-bottom: 10px;
				}

				& > div:last-child {
					font-size: 22px;
					height: 22px;
					line-height: 22px;
					font-family: DIN Condensed;
					font-weight: bold;
					color: #444444;

					& > span {
						font-size: 12px;
						font-family: PingFang SC;
						font-weight: 400;
						color: #444444;
					}
				}
			}
		}
	}
}

.ImagesAndTexts012 {
	& > .Box {
		background: #ffffff;
		padding: 10px 6px;
		margin-bottom: 10px;

		&:last-child {
			margin-bottom: 0;
		}

		& > .Label {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 30px;
			background: #f9f9f9;
			border-radius: 4px;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 600;
			color: #444444;
			margin-bottom: 10px;
		}

		& > .Title {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 10px;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 40px;
				background: #f8f8f8;
				margin-right: 1px;
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #868793;

				&:last-child {
					margin-right: 0;
				}
			}
		}

		& > .List {
			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 10px;
				font-family: PingFang SC;
				font-weight: 600;
				color: #444444;
				height: 34px;
				border-bottom: 1px solid rgba(165, 170, 193, 0.5);

				& > div {
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}
	}
}

.ImagesAndTexts013 {
	height: 87px;
	background: #ffffff;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	z-index: 1;

	& > img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		z-index: -1;
		background: red;
	}

	& > .Box {
		height: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		padding: 0 56px;

		& > div:first-child {
			height: 30px;
			line-height: 30px;
			font-size: 30px;
			font-family: DIN Condensed;
			font-weight: bold;
			color: #ffffff;
			margin-bottom: 8px;
		}

		& > div:last-child {
			height: 12px;
			line-height: 12px;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #ffea8e;
		}
	}
}

.ImagesAndTexts014 {
	background: #ffffff;
	border-radius: 8px;
	padding: 32px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;

	& > div {
		width: 50%;
		font-size: 12px;
		font-family: PingFang SC;
		font-weight: 600;
		color: #ee601b;
		margin: 8px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
